<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>推广</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/fastclick.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script type="text/javascript">
			var myscroll;
			function loaded(){
				myscroll = new iScroll("wrapper",{
					scrollY:true,
					vScroll:true,
					useTransition:true,
					onScrollMove:function(){
						$(".backTop").click(function(){
							myscroll.scrollToElement(".other-type",300);
						});
					} 
				});
			}
			window.addEventListener("DOMContentLoaded",loaded,false);
		</script>
		<link rel="stylesheet" type="text/css" href="../css/campaign.css"/>
	</head>
	<body>
		
		<!-- 整体 -->
		<div class="wrap">
			<!-- 头部 -->
			<div class="header">
				<script>
					$(".header").load("common-header.html");
				</script>
			</div>
			
			<!-- banner -->
			<div class="banner">
				<img src="../img/campaign-img/banner1.png" alt="" />
				<p class="mark"><span>盖乐世 S7 edge | S7系列腾空出世再次带来手机行业令人惊叹的突破</span></p>
			</div>
			
			<!-- 展示：其他机型 其他产品 最热产品 -->
			<div class="show_wrap" id="wrapper">
				<div class="show_production" id="scroller">
					
					<!-- 其他类型 -->
					<div class="other-type">
						<h3>其他类型</h3>
						<div class="other-show">
							<dl class="other-dllist">
								<dt><img src="../img/campaign-img/other_type1.png" alt=""/></dt>
								<dd>盖乐世5</dd>
							</dl>
							<dl class="other-dllist">
								<dt><img src="../img/campaign-img/other_type1.png" alt=""/></dt>
								<dd>盖乐世5</dd>
							</dl>
							<dl class="other-dllist">
								<dt><img src="../img/campaign-img/other_type1.png" alt=""/></dt>
								<dd>盖乐世5</dd>
							</dl>
							<dl class="other-dllist">
								<dt><img src="../img/campaign-img/other_type1.png" alt=""/></dt>
								<dd>盖乐世5</dd>
							</dl>
						</div>
					</div>
					
					<!-- 其他产品 -->
					<div class="other-type">
						<h3>其他产品</h3>
						<div class="other-production">
							<p class="left-show"><img src="../img/campaign-img/other_product1.png" alt=""/></p>
							<p class="right-show">
								<img src="../img/campaign-img/other_product1.png" alt="" />
								<img src="../img/campaign-img/other_product1.png" alt="" />
								<img src="../img/campaign-img/other_product1.png" alt="" />
								<img src="../img/campaign-img/other_product1.png" alt="" />
							</p>
						</div>
					</div>
					
					<!-- 最热产品 -->
					<div class="other-type">
						<h3>最热产品</h3>
						<div class="other-production">
							<p class="left-show"><img src="../img/campaign-img/other_product1.png" alt=""/></p>
							<p class="right-show">
								<img src="../img/campaign-img/other_product1.png" alt="" />
								<img src="../img/campaign-img/other_product1.png" alt="" />
								<img src="../img/campaign-img/other_product1.png" alt="" />
								<img src="../img/campaign-img/other_product1.png" alt="" />
							</p>
						</div>
					</div>
					
				</div>
			</div>
			
			<!-- 尾部 -->
			<div class="footer">
				<script type="text/javascript">
					$(".footer").load("common-foot.html");
				</script>
			</div>
			
		</div>
		
	</body>
</html>















